<template>
  <section class="title-wrap">
    <div class="row-one">不是所有的坚持都有结果</div>
    <div class="row-two">
      但总有一些坚持，能从冰封的土地里，培育出十万朵怒放的蔷薇
    </div>
    <div class="row-three">生活不是等着暴风雨过去，而是学会在风雨中跳舞</div>
  </section>
</template>

<script lang="ts" setup></script>

<style lang="scss" scoped>
.title-wrap {
  height: 184px;
  padding: 22px;
  z-index: 10;
  .row-one,
  .row-two,
  .row-three {
    width: 100%;
    text-align: center;
  }
  .row-one,
  .row-two {
    color: #fff;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
  }
  .row-three {
    color: rgba(255, 255, 255, 0.6);
    line-height: 30px;
  }
}
</style>
